package br.com.sovi.gwt.client.inicio;

import br.com.sovi.gwt.client.ImagesImpl;

import com.google.gwt.user.client.ui.HTML;
import com.gwtext.client.widgets.Panel;

public class InicioCentralPanel extends Panel {

	public InicioCentralPanel() {
		this.setPaddings(5);
		this.setAutoScroll(true);

		StringBuilder sb = new StringBuilder();

		sb.append("<div style='width:550px; '>");
		sb.append("<table class='inicioCentralPanel_table'><tr><td class='inicioCentralPanel_table_td'>");
		sb.append(this.buildTopic(ImagesImpl.get().rastreamento().getHTML(), "Rastreamento",
				"Visualize em tempo real um celular ou veículo sendo rastreado."));
		sb.append("</td><td class='inicioCentralPanel_table_td'>");
		sb.append(this.buildTopic(ImagesImpl.get().controleUnitario().getHTML(), "Controle Unitário",
				"Saiba qual a rota feita por um dispositivo em qualquer data."));
		sb.append("</td></tr><tr><td class='inicioCentralPanel_table_td'>");
		sb.append(this.buildTopic(ImagesImpl.get().pesquisa().getHTML(), "Pesquisas",
				"Efetue pesquisas com indicação geográfica da resposta."));
		sb.append("</td><td class='inicioCentralPanel_table_td'></td></tr></table>");
		sb.append("</div>");
		
		this.add(new HTML(sb.toString()));
	}

	private String buildTopic(String icone, String titulo, String texto) {
		StringBuilder sb = new StringBuilder();

		sb.append("<table width='100%'><tr><td valign='top' rowspan=\"3\" class='inicioCentralPanel_topic_icone'>");
		sb.append(icone);
		sb.append("</td></tr>");
		sb.append("<tr><td class=\"inicioCentralPanel_topic_titulo\">");
		sb.append(titulo);
		sb.append("</td></tr><tr><td class=\"inicioCentralPanel_topic_texto\">");
		sb.append(texto);
		sb.append("</td></tr></table>");

		return sb.toString();
	}

}
